<!DOCTYPE html>
<html>
<head>

<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="cdn/sha1.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://apps.bdimg.com/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="https://apps.bdimg.com/libs/jquerymobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>

</head>


<body>

<div data-role="page" data-theme="a" class=" ui-shadow">
	<div data-role="panel" id="myPanel"> 
    <h2>面板头部..</h2>
    <p>面板内容..</p>
  </div> 
	
	<style type="text/css">
	.viewPage>a{width: 100px;line-height:100px;color:black;float:left;margin: auto;height: 100px;border: 1px solid #ececec;box-shadow: 10px 5px 10px skyblue;margin-top: 20px;margin-right:10px;display: block;text-align: center;"}
    .viewPage>a:hover{color: red !important;cursor: pointer;}
</style>
	
  <div data-role="header">
   
  </div>
  


   <div data-role="main" class="ui-content">
      
				
    
		
		
			
				
				
		
		  <div class="viewPage" style="width: 60%;margin: auto;margin-top:100px;">
			<input type="text" name="" id="a1" value="" placeholder="请输入需要加密的字段"/>
			<input type="text" name="" id="a2" value="" />
			<input type="button" name="" id="che" value="确定" />
		
		    

		</div>	
		
		
		
		   <script type="text/javascript">
		   	
		   	
		   	$(function  () {
		   		
		  
		   	$('#che').click(function  () {
		   		
		   		var wo=$('#a1').val()
		   		    wo=sha1(wo)
		   		    
		   		    $('#a2').val(wo)
		   		
		   		
		   	})
		   	 	})
		   </script>
   </div>
  
   <div data-role="footer" data-position="fixed">

    </div>
  
  
</div>

</html>
</body>
